<template>
<div style="background: #f6f6f8" class="top">
  <div class="newsDetails clearfix">
    <el-breadcrumb v-if="preview" separator-class="el-icon-arrow-right" style="margin: 1.2rem 0;">
      <el-breadcrumb-item :to="{ path: '/article' }">公司新闻</el-breadcrumb-item>
      <el-breadcrumb-item>{{preview.articleTitle}}</el-breadcrumb-item>
    </el-breadcrumb>
    <div class="details" v-if="preview" v-loading="loading">
      <div class="title" >{{preview.articleTitle}}</div>
      <div class="time">发布时间：<span >{{preview.createTime}}</span>
        <span class="auth">作者：<span >{{preview.articleAuthor}}</span></span>
      </div>
      <div class="content" v-html="preview.articleContent"></div>
    </div>
    <div class="list">
      <div class="title">其他新闻</div>
      <a class="items clearfix" v-if="articleData.length > 0" v-for="(item,index) in articleData" @click="goDetails(item.id)">
        <img v-lazy="item.articlePic" :key="item.articlePic">
        <div class="tit clamp2" v-text="item.articleTitle"></div>
        <div class="time clamp2">发布时间：<span v-text="item.createTime"></span></div>
        <div class="time clamp2">作者：<span v-text="item.articleAuthor"></span></div>
      </a>
    </div>
  </div>
  <Footer/>
</div>
</template>

<script>
import detailJs from './detailJs'
export default detailJs
</script>

<style scoped>

</style>
